import fang from "../../models/Fang";
import cache from "../../utils/Cache";
Page({
  data: {
 //房源列表
 fangs:[],
 //分页页码数
 page:1,
 //顶部滚动条的位置
 topNum:0,
 //回到顶部是否显示
 showtop:true,
 //快搜样式
 arrows:['icon-xiangxia','icon-xiangxia','icon-xiangxia','icon-xiangxia'],
 //快搜的蒙层显示隐藏
 show: ['', '', '', ''],

 showflag: [false, false, false, false],
 //快搜房源
 qattr:{}
 
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getMore();
    //属性
    fang.quickAttr().then(ret=>{
      this.setData({qattr:ret.data.data})
    })
  },
  //加载更多
  getMore(){
    let page=this.data.page;
    if(!cache.has('findfang')){
      fang.getFangs(page).then(ret=>{
        if(ret.data.data.data.length>0){
          this.setData({
            fangs:[...this.data.fangs,...ret.data.data.data],
            page:++page
          })
        }else{
          cache.set('findfang',true,12),
          wx.showToast({
          
            title:"臣妾做不到啊",
            icon:"none",
            duration:2000,
            mask:true
          })
        }
      
      });
    }
  },
  
   //scroll-view 回到顶部是否显示
   scrollTop(evt){
    let scrollTop=evt.detail.scrollTop;
    let showtop=true
    if(scrollTop>=200){
     //回到顶部按钮显示
     showtop=false
    }
    this.setData({showtop})
  },
  //回到顶部跳转
  gototop(){
    this.setData({
      topNum:0
    })
  },
  //快搜样式
  onShadeDiv(evt){
    //当前点击的组件原生元素
    let index = evt.currentTarget.dataset.index;
    //快搜蒙层是否显示
    let show = this.data.show;
    //判断是否显示
    let showflag = this.data.showflag;
    //箭头样式
    let arrows = this.data.arrows;
    if(showflag[index]){ // 已显示，再次点击隐藏起来
      show[index] = '';
      showflag[index] = false;
      arrows[index] = 'icon-xiangxia';
    }else{
      for(let key in show){
        if(key == index){
          show[key] = 'now';
          showflag[key] = true;
          arrows[key] = 'icon-xiangshang';
        }else{
          show[key] = '';
          showflag[key] = false;
          arrows[key] = 'icon-xiangxia';
        }
      }
    }
    this.setData({
      show,
      showflag,
      arrows
    })
  }
})